<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>景点画册</title>
    <link rel="stylesheet" href="css/frozen.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/lib/juicer-min.js"></script>
    <script src="js/global.js"></script>
    <script src="js/jquery.jsonp.js"></script>
    <script src="js/biz/huace/huace_jingdianhuace.js"></script>
    <script src="js/swiper.js"></script>
</head>
<body ontouchstart="" class="grey">
<header class="ui-header ui-header-positive ui-border-b">
    <i class="ui-icon-return" onclick="history.back()"></i><h1>景点画册</h1>
    <script id="top_tpl" type="text/juicer">

        <span class="ui-header-right"><a href="huace_jingdianhuace_search.html?spotsId=${spots.spotsId}"><i class="ui-icons-search"></i></a></span>
    </script>
</header>
<section class="ui-container mb50" style="width:100%; overflow: hidden;">
    <div id="w_thua" class="ui-tab-nav ui-border-b">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a onclick="jump('car.html')" href="javascript:void(0)">租车用车</a></div>
            <div class="swiper-slide"><a onclick="jump('xianlu_zhaorentongyou.html')" href="javascript:void(0)">找人同游</a></div>
            <div class="swiper-slide current"><a onclick="jump('huace_jingdianhuace.html')" href="javascript:void(0)">景点画册</a></div>
            <div class="swiper-slide"><a onclick="jump('yiren.html')" href="javascript:void(0)">手工艺人</a></div>
            <div class="swiper-slide"><a onclick="jump('daoyou.html')" href="javascript:void(0)">金牌导游</a></div>
            <div class="swiper-slide"><a onclick="jump('meishi.html')" href="javascript:void(0)">特色美食</a></div>
            <div class="swiper-slide"><a onclick="jump('jiudian.html')" href="javascript:void(0)">认证酒店</a></div>
            <div class="swiper-slide"><a onclick="jump('sheying.html')" href="javascript:void(0)">摄影位置</a></div>
            <div class="swiper-slide"><a onclick="jump('xianlu_fengxiantixing.html')" href="javascript:void(0)">风险提醒</a></div>
            <div class="swiper-slide"><a onclick="jump('xianlu_qinghaiwenhua.html')" href="javascript:void(0)">青海文化</a></div>
        </div>
    </div>
    <ul class="w_wu order-list">
        <script type="text/juicer" id="jingdian_tpl">
            {@each arrays as item,index}
            <div onclick="jumptoLogin('huace_jingdianhuace_detail.html?photobookId=${item.id}&spotsId=${spots.spotsId}','huace.html')">
                <li>
                    <div class="order-list-pic">
                        <img src="${item.photos[0]}" alt="">
                    </div>
                    <div class="order-list-intro">
                        <div class="order-list-intro-text">
                            <p>${item.name}</p>
                            <p class="color666 fz14"><i class="icons-user"></i>${item.user.nickName}
                                {@if item.user.sex===2 }
                                <span class="sex sex-female no-left">
                                    <i class="icons-sex-female"></i>
                                {@else}
                                <span class="sex sex-male no-left">
                                    <i class="icons-sex-male"></i>
                                {@/if}
                                    ${item.user.age}</span></p>
                            <p class="color666 fz14"><i class="icons-time"></i>发布时间 : ${spots.createTime}</p>
                        </div>
                        <div class="order-list-album-list">
                            <i class="icons-img"></i>${item.photoNumber}
                        </div>
                    </div>
                </li>
            </div>
            {@/each}
        </script>
    </ul>
</section>
</body>
</html>
